<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no">
    <script src="./dep.js"></script>
    <script src="./watcher.js"></script>
    <script src="./compiler.js"></script>
    <script src="./observer.js"></script>
    <script src="./index.js"></script>
  </head>
  <body>
      <div id="app">
        <h1>插值表达式</h1>
        <h2>{{msg}}</h2>
        <h1>{{count}}</h1>
        <div v-text='msg'></div>
        <h1>v-model</h1>
        <input type="text" v-model='msg'>
      </div>
      <script>
          let vm = new Vue({
            el: '#app',
            data: {
              msg: 'Hello',
              count: 100,
              person: {
                name: 'my'
              }
            }
          })
      </script>
  </body>
</html>
